html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #eee;
 
}
html,body,#app{

  margin: 0;

  padding: 0;

  height: 100%;
  text-align: left;

}
h1,h2,h3,h4,h5,p,ul,li {
    margin: 0 !important;

}
.el-tabs__item {
  color: #999 !important;
}
.el-tabs__item.is-active {
  color: #fff !important;
}
.formily-element-form-item-label label {
  color: #eee !important;
}
.el-collapse-item__header {
  color: #eee !important;
  background-color: transparent !important;

}
.el-collapse-item__wrap {
  background-color: transparent !important;

}

::-webkit-scrollbar {
  width: 6px; /* 竖向滚动条宽度 */
  height: 6px; /* 横向滚动条高度 */
}
 
::-webkit-scrollbar-thumb {
  // border-radius: 10px; /* 滚动条样式 */
  // -webkit-box-shadow: inset 0 0 3px red;  /* 内阴影 */
  background-color: blue; /* 滚动条颜色 */
}
 
::-webkit-scrollbar-thumb:hover {
  background-color: black; /* 滚动条悬浮颜色 */
}
 
::-webkit-scrollbar-track-piece {
  background: palegreen; /* 滚动条背景颜色 */
}
 
::-webkit-scrollbar-button {
  display: none;
  //background-color: blue; /* 定义两端按钮的样式 */
}
 
::-webkit-scrollbar-corner {
  display: none;
  //background: red; /* 右下角重合处的样式*/
}
 
 
/* 单独设置悬浮颜色 */
::-webkit-scrollbar-thumb:vertical {
  background: #ccc; /* 竖向滑块颜色 */
}
::-webkit-scrollbar-thumb:horizontal {
  background: #ccc; /* 横向滑块颜色 */
}
 
/* 单独设置滚动条背景色 */
::-webkit-scrollbar-track-piece:vertical {
  background: rgb(80, 80, 80);  
}
::-webkit-scrollbar-track-piece:horizontal {
  background: rgb(80, 80, 80); 
}

 
* {
  scrollbar-color: #e5e5e5 #f7f7f9; /* 滑块颜色  滚动条背景颜色 未生效 */
  scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */
}